<!DOCTYPE html>
<html lang="en" ng-app="rnApp">
    <head>
        <title>DevOps Platform</title>
        <meta charset="utf-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0">      
        <link rel="shortcut icon" href="favicon.png">
        <!--[if lt IE 9]>
            <script src="js/html5.js"></script>
        <![endif]-->
        <!-- Latest compiled and minified CSS -->
        <link href='css/fonts.css' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
     
   <body ng-controller="mainController as mainCtrl">
       <nav id="myNavbar" class="navbar navbar-inverse" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" rel="home" href="#" title="DevOps Platform">
                        DevOps Platform
                    </a>
                   
                                     
                </div>
                
            </div>
        </nav>
       
        <div id="header" class="container-fluid nopadding">
            <!--<img src="img/devops-bg1.jpg" style="width:100%">-->
             <div class="header-cover">
                <div class="header-intro">
                     <h1 class="header-title">
                        DevOps Dashboard
                     </h1>                    
                     
                </div>

                 <div class="header-teasers">
                     <div class="other-info">
                        This platform can be used for demos, training and to start real projects.<br />
                     </div>
                 </div>
             </div>           

        </div>
            
        <div class="container-fluid nopadding">
            
            <div id="core">
                <div ng-repeat="linkitem in mainCtrl.core">
                     <component-list></component-list>
                 </div>
            </div>
           
            <div id="blueprints">
                <div ng-repeat="code in codeJSON">
                    <ng-include src="code.url"></ng-include> <!-- includes the url from the object, which has the property url.-->
                    <hr ng-hide="$last" class="blueprint-separator">
                </div>                
            </div>
                      
        </div>
        <footer class="container-fluid">
            DevOps Platform
        </footer>
       
<!--        scripts start-->
        <script src="js/angular.min.js"></script>
        <script src="js/appRN.js"></script>
        
        <script src="js/jquery.min.js"></script>
        <script> jQuery.noConflict(); </script>
        <script src="js/bootstrap.min.js"></script>
                         
<!--        scripts end-->        
   </body>
</html>
